body {
  line-height: 1.5em;
  font-size: large;
  text-align: center;
  background: #a9f380; }
  body div {
    text-align: left; }

h1, h2, h3 {
  color: blue; }
  h1 span, h2 span, h3 span {
    color: grey; }

.post {
  font-weight: bold;
  font-size: 22px; }
  .post a {
    background: yellow; }
  .post a:link {
    color: #006699; }
  .post a:hover {
    background: blue;
    color: #ffffff; }

.rss_link {
  float: right;
  margin: 5px;
  border: none; }

#head {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #cccccc;
  margin-bottom: 40px; }
  #head p {
    padding: 1px;
    margin: 1px;
    float: left;
    width: 500px; }
  #head ul {
    padding: 1px;
    margin: 1px;
    text-align: right;
    width: 300px;
    float: right; }
  #head li {
    display: inline;
    margin: 3px; }

#head, #footer {
  background: #d8ffc3;
  padding: 5px;
  line-height: 1em; }

#footer {
  margin-top: 40px;
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: #cccccc; }

#container {
  margin-right: auto;
  margin-left: auto;
  width: 900px;
  background: #ecffe1; }

.job {
  line-height: 3em;
  font-size: 20px; }
  .job a:hover {
    text-decoration: underline; }
  .job span {
    color: gray; }

.odd {
  background: #dfe; }

.even {
  background: #ffffff; }

.notice {
  background: yellow;
  width: 400px;
  margin: 5px; }

.pagination {
  padding: 3px;
  margin: 3px; }
  .pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #aaaadd;
    text-decoration: none;
    color: #000099; }
  .pagination a:hover, .pagination a:active {
    border: 1px solid #000099;
    color: #000; }
  .pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;
    font-weight: bold;
    background-color: #000099;
    color: #ffffff; }
  .pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    color: #ddd; }
